<template>
    <div>
<!--        <h1>this is a Main</h1>-->
        <el-container>
            <el-aside width="auto">
                <common-aside/>
            </el-aside>
            <el-container>
                <el-header>
                  <common-head/>
                </el-header>
                <common-tag style="margin-left: 10px; display: flex; text-align: left"/>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
import CommonAside from '../components/CommonAside.vue';
import CommonHead from "../components/CommonHead.vue";
import CommonTag from "../components/CommonTag.vue";
export default {
  name: 'Main',
  data () {
    return {}
  },
  components: {CommonTag, CommonHead, CommonAside}
}
</script>
<style lang="less" scoped>
.el-header {
  padding: 0;
}
.el-menu{
  border-right: none;
}
</style>
